// APP HEADER

header {
	height: $headerHeight;
	text-align: center;
	border-bottom: $border;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	// LOGO
	.brand {
		height: 40px;
		width: auto;
		margin-top: 10px;
	}

	h1 {
		text-indent: -9999px;
	}
	z-index: 1000;

}


@include min-screen($medium) {
	header {
		width: 299px;
		border-right: $border;
	}
}